<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Welcome to Mirado</title>
  <link rel="icon" href="css\images\icon.ico" type="image/ico" />
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="css\style_index.css">
</head>

<body>
  <div class="header">
    <nav class="navbar navbar-expand-lg navbar-dark">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon" style="color: white;"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto options">
          <li class="nav-item">
            <a href="package.html">Packages</span></a>
          </li>
          <li class="nav-item">
            <a href="blogs.html">Blogs</a>
          </li>
          <li class="nav-item">
            <a class="maplink" href="#"><img class="map" src="css\images\logo.png" alt=""></a>
          </li>
          <li class="nav-item">
            <a href="about_us.html">About us</a>
          </li>
          <li class="nav-item">
            <a href="checkout.html">Checkout</a>
          </li>
        </ul>
      </div>
    </nav>
    <h1 class='mirado'>The Mirado</h1>
    <h3 class='mirado'>Shrine of Explorers</h3>
    <div class="toggler">
      <label class="switch">
        <input class="mode" type="checkbox">
        <span class="slider round"></span>
      </label>
    </div>
  </div>
  <div class="containertwo">
    <div class="text">
      <h3>Explore the world</h3>
      <p class='ex'>Because you can not find peace trapped inside your home. Explore the most natural places on earth where barely anyone goes and find yourself.</p>
    </div>
    <div class="card-deck">
      <div class="card">
        <img class="card-img-top a" src="css\images\paris.jpg" alt="">
      </div>
      <div class="card">
        <img class="card-img-top a" src="css\images\swit.jpg" alt="">
      </div>
      <div class="card">
        <img class="card-img-top a" src="css\images\aurora.jpg" alt="">
      </div>
      <a class="seem" href="package.html">SEE MORE></a>
    </div>

  </div>
  <div class="containerthree">
    <div class="text">
      <h3>Journals</h3>
      <p>Below are the journals/blogs written by our satisfied customers as they have experienced teh beauty of places they have visited in the most immersive way possible.</p>
    </div>
    <div class="card-group">
      <div class="card">
        <img src="css\images\jaipur.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title gp">Jaipur</h5>
          <p class="card-text">Jaipur is also known as the Pink City, due to the dominant color scheme of its buildings. It is located 268 km (167 miles) from the national capital New Delhi.</p>
        </div>
      </div>
      <div class="card">
        <img src="css\images\pokhara.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title gp">Pokhara</h5>
          <p class="card-text">One of the most beautiful yet low budget natural destination in our neighbouring country Nepal. Famous for mountain villages and lakes.</p>
        </div>
      </div>
    </div>
  </div>
  <footer class="fwall">
    <div class='footer'>
      <p>© Copyright 2020 Burps
      </p>
      <div class="logos">
        <i class="fab fa-2x fa-facebook punk"></i>
        <i class="fab fa-2x fa-twitter-square punk"></i>
        <i class="fab fa-2x fa-instagram punk"></i>
        <i class="fas fa-2x fa-envelope punk"></i>
      </div>
    </div>

  </footer>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="javascript/work.js"></script>
</body>

</html>
